@CHARSET "UTF-8";

/* BEGIN: General css for mailclient */
#email-page-wrapper{
	background: #FFF;
	padding: 5px;
	float: left;
	width:100%;
}

#email-page-wrapper #email-page-header{
	v-align:absmiddle;
}

#email-page-wrapper #email-page-body{
	width: 100%;
	float: left;
}

#email-page-wrapper #email-page-body #email-left-sidebar{
	width: 15%;
	float: left;
}

#email-page-wrapper #email-page-body #email-left-sidebar a{
	text-decoration:none;
}

#email-page-wrapper #email-page-body #email-mainpage{
	float:left;
	width: 84%;
	border: 5px solid #BBCCFF;
	border-right:none;
	min-height:450px;
	/*-webkit-border-radius:3px;
	-khtml-border-radius:3px;	
	-moz-border-radius:3px;
	border-radius:3px;*/
	position: relative;
	padding-bottom:54px;
	background: #E0ECFF;
}

#email-page-wrapper #email-page-body #email-mainpage #email-mainpage-header{
	border-bottom: 2px solid #CAD4E6;
	background: #E0ECFF;
	padding: 6px 0 4px 7px;
}

#email-page-wrapper #email-page-body #email-mainpage .paging{
	position:absolute;
	right:10px;
	margin-top:10px;
}

#email-page-wrapper #email-page-body #email-mainpage #email-mainpage-footer{
	background: #E0ECFF;
	bottom:0px;
	position:absolute;
	width: 99.4%;
	height:4em;
	padding: 5px 0 4px 7px;
}
#email-mainpage-footer div.e-hd-nav{padding-top:padding: 5px 0;}
#email-page-wrapper #email-page-body #email-mainpage #email-mainpage-wrapper{
}
#email-mainpage-wrapper #mailbox_empty{
	font-size:12px;
	font-weight:bold;
	margin:auto;
	width: 200px;
	margin-top:30px;
}
#email-mainpage-wrapper .mail-row{
	border-bottom: 1px solid #CAD4E6;
	width:99.7%;
	padding: 3px 0 0px 3px;
	background:#EFEFEF; 
	float:left;
}
#email-mainpage-wrapper .mail-row *{font-size:12px;}

#email-mainpage-wrapper .mail-row-newmail{
	background:#FFF;
	font-weight: bold;
}
.float-left{
	margin-bottom:2px;
}
.mail-row .float-left{
	float:left;
	font-size:12px;
}
.float-left{
	line-height:20px;
}
.mail-row .float-right{
	float:right;
}
#email-mainpage-wrapper .mail-row:hover{
	cursor:pointer;
	background:#FFFFCC;
}
.mail-row .mail-row-sender{
	width:20%;
	height:20px;
	overflow: hidden;
	margin-right: 10px;
}
.mail-row .mail-row-subject{
	width:64%;
	overflow:hidden;
	height:20px;
}
.mail-row .mail-row-attach{
	width:22px;
	background: url("../images/mail.png") no-repeat scroll -118px -40px transparent;
}
.mail-row-attach{
	text-align:right;
}
.mail-row .mail-row-datetime{
	width:auto;
	text-align:right;
	padding-right:7px;
}
.mail-row-checkbox{
	width:15px;
}
.mail-row-mail-box-1{
	-moz-border-radius:5px;
	margin-left:2px;
	margin-right:2px;
}
.mail-row-mail-box-2{
	background:#E97100;
	-moz-border-radius:5px;
	text-align:center;
	margin-left:2px;
	margin-right:2px;
}
.mail-row-mail-box-3{
	background:#1D6AEE;
	-moz-border-radius:3px;
	text-align:center;
	margin-right:2px;
}
.mail-overview{color:#777777;font-weight:normal;font-size:12px;padding-left:5px;float:left;}
.colume{
	float:left;
	padding:5px 3px 3px;
}
.columef{
	float:left;
	padding:5px 3px 3px;
	text-align:left;
	padding-left:10px;
}
.link{
	cursor:pointer;
	text-decoration:underline;
	color:#2654ff;
	font-size:12px; 
}
.unlink{
	cursor:pointer;
}
#create_folder_bottun{
	background:#EBEAE9;
	-moz-border-radiu:3px;
	color: red;
    cursor: pointer;
    height: 12px;
    line-height: 10px;
    margin-left: 5px;
    margin-top: 5px;
}
/* END: General css for mailclient */

/* BEGIN: Left side bar */
#email-left-sidebar div.side-box-header{
	padding: 0px 0px 15px 0px;
}
#email-left-sidebar span.button-compose{
	-moz-border-bottom-colors: none;
	-moz-border-image: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: -moz-linear-gradient(center top , #F9F9F9, #E3E3E3) repeat scroll 0 0 transparent;
    border-color: #CCCCCC #BBBBBB #A0A0A0;
    border-left: 1px solid #BBBBBB;
    border-radius: 3px 3px 3px 3px;
    border-right: 1px solid #BBBBBB;
    border-style: solid;
    border-width: 1px;
    color: #000000;
    cursor: default;
    font: 100% arial,sans-serif;
    margin: 0 8px 0 0;
    outline: medium none;
    padding: 3px 8px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
}

#email-left-sidebar span.button-compose:hover{
	border-color: #939393;
}
#email-left-sidebar span.button-compose a{
	text-decoration: none;
	color:#000000;
}

#email-left-sidebar #account-list li a,b{
	font-size: 12px;
}
#email-left-sidebar .item{
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-bottomleft: 3px;
	border: 0px;
	padding: 3px 5px;
	color: #FFF;
	font-weight:bold;
	position:relative;
}
#email-left-sidebar .item a{
	font-size:1.1em;
	text-decoration:underline;
}

#email-left-sidebar .item .side-box-body ul li{
	line-height:18px;
	padding-left: 9px;
	font-weight: normal;
	width:300px;
}
#email-left-sidebar .item .side-box-body ul li *{
	font-size:13px;
	color:#000;
}
#email-left-sidebar .item .side-box-body ul li:hover{
	background-color:#eef2ff;
	cursor: pointer; 
}
#email-left-sidebar .item .side-box-body ul li.selected{
	background-color:#BBCCFF;
	color:#000;
	width: 300px;
	font-weight: bold;
}

#email-left-sidebar .item .side-box-body{
	padding-bottom:5px;	
	border:1px solid #E0ECFF;
	border-left:none;
	border-right:none;
	border-top:none;
}
#email-left-sidebar .item .side-box-footer{
	padding-top:10px;
	color: #000;
}
.side-box-footer a{
  color: #000;
  font-weight: normal;
}
.side-box-footer ul li{margin-bottom:5px;}
.side-box-footer ul li.selected a{font-weight:bold;}
#email-left-sidebar .item .side-box-footer ul li .side-box-other{
	z-index:100;
	position:absolute;
	border:1px solid #E0ECFF;
	background:#eee;
	width: 85%;
	display:none; 
}
#email-left-sidebar .item .side-box-footer ul li .side-box-other ul li{
	text-align:left;
	margin-left:10px;
}
.side-box-other ul
{
	padding:5px;
}
.side-box-other ul li:HOVER a{
	font-weight:bold; 
}

#email-left-sidebar .item .side-box-body ul li a:active {
	background:#BBCCFF;
}
/*
.ui-dialog-titlebar{
	display:none;
}*/
.ui-icon-grip-diagonal-se{
	display:none;
}
#create-lable{
	background:white;
	padding:0px;
	overflow:hidden;
}
.mail-popup{
	background:white;
	padding:0px;
	overflow:hidden;
}
#popup-label-tittle{
	width:80%;
	float:left;
	text-align:left;
	font-weight:bold;
	padding:5px;
	
}
#popup-label-close{
	width:6%;
	float:right;
	padding:4px;
	margin-right:0px;
}
#popup-label-header{
	background:#ccc9c9;
	overflow:hidden;
	background-color:#D1DCED;
	border-bottom:1px solid #B6C2E6;
	padding-right:0px;
}
.popup-label-header{
	background:#ccc9c9;
	overflow:hidden;
	background-color:#D1DCED;
	border-bottom:1px solid #B6C2E6;
	padding-right:0px;
}
#popup-label-close img{
	cursor:pointer;
}
#label_name{
	text-align:left;
	padding-left:10px;
	width:97%;
}
#label_name input{
	width:344px;
}
.side-bal-label-color{
	width:120px;
	overflow:hidden;
	
}
.side-bal-box-color *{font-size:12px;}
.side-bal-box-color{
	width:150px;
	position:absolute;
	padding-left:5px;
	display:none;
	z-index:100;
	left:25px;
	overflow:hidden;
	-moz-box-shadow: 0 4px 10px #8B8B8B;
	background-color:#FFF; 
}
.side-bal-box-color li div.color-select{
	margin-left:10px;
}
#side-bal-color-select{
	border-bottom:1px solid;
	width:120px;
}
#side-bal-color-select1{
	width:120px;
}
/*
 * COLOR PICKER
 */
.icolor{
	float:left;
	padding:10px;
}
#popup-color-picker{
	text-align:center;
	padding-left:28px;
}
popup-color-picker input{
	display:none;
}
#color-tittle ul li{
	float:left;
	width:50%;
	text-align:center;
}
#color-tittle {
	overflow:hidden;
}
.icolor input{
	width:150px;
}
.icolor_flat,.icolor_ft{
		position:relative;
}
.icolor td{
	width: 15px;
	height: 15px;
	border: solid 1px #000000;
	cursor:pointer;
	}

.icolor table{
	background-color: #FFFFFF;
	border: solid 1px #ccc;
	width:150px;
	}
#icolor_1{
	width:150px;
}
.icolor .icolor_tbx{
	border-top:1px solid #999;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;}
.icolor_ok img{
	border:none;
	}
#popup_change_name {
	display:none; 
}
#popup_change_name *{font-size:12px;}
#popup_change_name input{background-color:#FFFFCC;}
#popup-elemet{
	padding-left:20px;
	text-align:left;
}
#popup-elemet input{
	width:395px;
}
.popup-fom-folder h3{
	padding-left:20px;
	text-align:left;
}
#popup-foder-manage{
 padding:0px;
 background:#ffffff;
}
#label-name{
	margin-left:3px;
}
/* END: Left side bar */

/* begin compose*/
.fN {
	float: left;
    width: 100%;
    background: none repeat scroll 0 0 #E0ECFF;
    font-size: medium;
    padding-bottom: 2px;
	
}
.nr:focus, .tH, .l1, .dI:focus {
	border:2px solid #6694E3 !important;
	margin:0 !important;
	outline-color:-moz-use-text-color !important;
	outline-style:none !important;
	outline-width:0 !important;
}

.dK {
	width:100%;
	height:3em;
	overflow:auto;
}
.ez {
	font-size:80%;
	width:100%;
}
.left_compose{
	float:left;
	font-size: 12px;
	font-weight: bold;
	padding: 6px 3px 0;
	text-align:right;
	width:25px;
	color: #0065CC;
	width:6%;
	cursor: pointer;
	text-decoration: underline;
}
.right_compose{
	padding-bottom: 2px;
	padding-top: 2px;
	width:90%;
	float:left;
}
.row_repose{
	 height: auto;
    padding-top: 3px;
    width: 100%;
	float:left;
}
#caption-color{
	text-align:left;
	padding-left:10px;
	width:12.5%;
	line-height:20px;
}
.color-select{
	overflow:hidden;
}
.label-color{
	border:1px solid;
	width:10px;
	height:10px;
	text-align:center;
	line-height:10px;
	float:left;
	margin:1px;
	cursor:pointer;
	
}
.label-color-2{
	border:1px solid;
	width:5px;
	height:10px;
	text-align:center;
	line-height:10px;
	float:left;
	margin:1px;
	cursor:pointer;
}
.label-color-3{
	
	width:5px;
	height:10px;
	text-align:center;
	line-height:10px;
	float:left;
	margin:1px;
	cursor:pointer;
}
div.label-color:hover{
	background:red;
}
.color-select{
	width:297px;
	margin:auto;
}
#label-color{
	width:170px;
	overflow:hidden;
	
}
#label-startus{
	overflow:hidden;
	width:170px;
	text-align:left;
	margin-left: 85px;
}
#label-startus input{
	padding-right:10px;
}
#popup-label-eleBody{
	padding-left:2px;
}
#popup-label-bottun {
	text-align:right;
	overflow:hidden;
	padding-right:8px;
	background-color:#D1DCED;
	border-top: 1px solid #B6C2E6;
	height: 20px;
	position:absolute;
	bottom:0px;
	width:97.8%;
	padding-bottom:2px;
	padding-top:2px;
}
#popup-label-bottun-import{
	text-align:right;
	overflow:hidden;
	padding-right:8px;
	background-color:#D1DCED;
	border-top: 1px solid #B6C2E6;
	height: 20px;
	position:absolute;
	bottom:1px;
	width:97.7%;
	padding-bottom:2px;
	padding-top:2px;
}
#popup-label-bottun1{
	text-align:right;
	overflow:hidden;
	padding-right:8px;
	background-color:#D1DCED;
	border-top: 1px solid #B6C2E6;
	height: 20px;
	position:absolute;
	bottom:1px;
	width:97.7%;
	padding-bottom:2px;
	padding-top:2px;
}
#popup-label-bottun input {
	margin-left:10px;
}
.side-box-label-color{
	width:12px;
	margin-top:4px;
	height:12px;
	background-color:blue;
	float:left;
   -moz-border-radius:2px;
   border:1px solid #ffffff; 
}
.side-box-label-color:HOVER{
	cursor: pointer;
	border: 1px solid #aaa;
}
.side-box-label-color-1{
	width:12px;
	margin-top:5px;
	height:12px;
	float:left;
   -moz-border-radius:2px;
}
.mai-row-frist img{
	padding-bottom:2px;
	margin-right: 1px;
}
.mail-row-image img{
	padding-top:3px;
}
/* END: Left side bar */

/* begin compose*/
.fN {
	float: left;
    width: 100%;
    background: #E0ECFF;
    font-size: medium;
    padding-bottom: 2px;
	
}
.nr, .tH, .l1, .dI{
	border:1px solid #666;
	height: 3em;
	padding: 3px 0 3px 3px;
}
.nr:focus, .tH, .l1, .dI:focus {
	border:2px solid #6694E3 !important;
	margin:0 !important;
	outline-color:-moz-use-text-color !important;
	outline-style:none !important;
	outline-width:0 !important;
}

.dK {
	width:100%;
	height:3em;
	overflow:auto;
}
.ez {
	font-size:80%;
	width:100%;
}
.left_compose{
	float:left;
	font-size: 12px;
	font-weight: bold;
	padding: 6px 3px 0;
	text-align:right;
	width:25px;
	color: #0065CC;
	width:7%;
	cursor: pointer;
	text-decoration: underline;
}
.right_compose{
	width:90%;
	float:left;
	position: relative;
}
.row_repose{
	 height: auto;
    padding-top: 3px;
    width: 100%;
	float:left;
}

}
/**
 * CSS for header and footer inbox
 * phuong.nguyen
 */
div.n-v-hd-l{
	float: left;
}
div.n-v-hd-r{
	float: right;
	height:0;
}
.gr-btn-hd{
	display: inline-block;
	position: relative;	
}
.bt-g{
	background:-webkit-gradient(linear,0% 40%,0% 70%,from(#F9F9F9),to(#E3E3E3));
	background:-moz-linear-gradient(center top , #F9F9F9, #E3E3E3) repeat scroll 0 0 transparent;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	padding: 3px 8px;
	text-align: center;
	border-color: #CCCCCC #BBBBBB #A0A0A0;
	border-width: 1px;
	border-style: solid;
	color: #000;
	font: 12px Arial, Helvetica, sans-serif;
	text-shadow: 0 1px 0 #FFFFFF;
	display: inline-block;
	position: relative;
	cursor: default;
	white-space:nowrap;
	margin:0 8px 0 0;
	vertical-align:middle;
	outline:medium;
	float: left;
	-webkit-user-select: none;
	-moz-user-select: none
}
.bt-g a{font-size:12px;}
.bt-g-l{
	-moz-border-radius-bottomright: 0;
	-moz-border-radius-topright: 0;
	-webkit-border-bottom-right-radius: 0;
	-webkit-border-top-right-radius: 0;
	margin-right: 0!important;
	border-right:1px solid #BBBBBB;
}
.bt-g-m{
	border-left-width: 0;
	margin-right: 0!important;
	margin-left: 0!important;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	-webkit-border-top-left-radius: 0;
	-webkit-border-bottom-left-radius: 0;
	-webkit-border-top-right-radius: 0;
	-webkit-border-bottom-right-radius: 0;
	-moz-border-radius-topleft: 0;
	-moz-border-radius-bottomleft: 0;
	-moz-border-radius-topright: 0;
	-moz-border-radius-bottomright: 0;
}
.bt-g-r{
	border-left-width: 0;
	margin-left: 0!important;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	-webkit-border-top-left-radius: 0;
	-webkit-border-bottom-left-radius: 0;
	-moz-border-radius-topleft: 0;
	-moz-border-radius-bottomleft: 0;
	padding-left: 7px;
}
.bt-g-l:hover,
.bt-g-r:hover,
.bt-g:hover{
	border-color: #939393;
}
.bt-g-m:hover{
	border-left-width: 1px;
	border-left-right: 0;
	padding-left: 7px;
	border-color: #939393;
}
.drd-m{
	background: url("../images/icdr.png") no-repeat scroll -36px 50% transparent;
	height: 6px;
	width: 7px;
	vertical-align: middle;
	font-size: 0;
	margin-left: 3px;
	display: inline-block;
}
.e-hd-m{
	display: block;
	height: 25px;
}
.pop-wrr-mn-l{
	 -moz-box-shadow: 0 4px 10px #8B8B8B;
	 -webkit-box-shadow: 0 4px 10px #8B8B8B;
    background: none repeat scroll 0 0 #FFFFFF;
    position: absolute;
    text-align: left;
	z-index: 999;
}
.pop-wrr-mn-l ol li{
	float: none;
	line-height: 25px;
}
.pop-wrr-mn-l ol li a{
	color: #324E8D;
	display: block;
	overflow: hidden;
	padding:0 15px 0 4px
}
.pop-wrr-mn-l ol li:hover{
	background:#E4EBF8;
}
ol.s-a-i-m{
	overflow: hidden;
}
.f-mn-s{
	color: #000;
	padding: 3px 7px;
	cursor: default;
	font-size:12px; 
}
.f-mn-s:hover{
	background: #FFFFCC;
}
.al-hover-task-m{
	background: -moz-linear-gradient(center top , #777777, #999999) repeat scroll 0 0 transparent;
	background: -webkit-gradient(linear,0% 40%,0% 70%,from(#777),to(#999));
	color: #fff;
	border-color: #888888!important;
}
span.nY span{
	color: #0065CC;
	cursor: pointer;
	font-size:12px;
}
.genbox-close{
	display: block;
	border: 1px solid #000;
	width: 10px;
	height: 10px;
}
/* END: Left side bar */

/* Srart Create by PA Ven  */
.tren{
	clear:both;
}
.email-title-email{
	margin-left: 10px;
    margin-top: 10px;
	
} 
.email-tim-thu{
    background-color: #EEEEEE;
    border-right: 1px solid black;
    height: 14px;
    width: 70px;
	margin-left:15px;
	display:block;
	float:left;
	margin-top:3px;
}
.email-tim-thu :hover {
	background-color:#000000;
	color:#FFFFFF;
} 
.tieu_de-email{
	font-size: 16px;
	float:left;
}
.tc{
	padding-left:5px;
	padding-right:5px;
	display:block;
	font-size:12px;
}
.tc:HOVER{
	cursor: pointer;
}
.hO{
	background-color:#EEEEEE;
	display:block;
	margin-top:3px;
	width:10px;
	height:14px;
	float:left;
	padding-left:2px;
}

/* nhan thu */
.email-tim-thu-nhan{
    background-color: #E97200;
    height: 16px;
	margin-left:10px;
	display:block;
	float:left;
	margin-top: 3px;
	color:#FFF;
	border-radius: 2px 2px 2px 2px;
}
.email-tim-thu-nhan :hover {
	background-color:#333;
	color:#FFFFFF;
	height: 16px;
	border-radius: 2px 2px 2px 2px;
}
.hO-nhan{
	background-color: #E97200;
	color:#FFFFFF;
    display: block;
    float: left;
    height: 14px;
    margin-top: 3px;
    padding-left: 2px;
    width: 10px;		
}
.hO-nhan:hover , .hO:hover{
	background-color:#000000;
	color:#FFF;
	cursor: pointer;
}
 
.bao_email{
 	-moz-border-bottom-colors: #E2E2E2 #BCBCBC;
    -moz-border-left-colors: #EFEFEF #BCBCBC;
    -moz-border-radius: 7px 7px 7px 7px;
    -moz-border-right-colors: #EFEFEF #BCBCBC;
    background-color: #FFFFFF;
    border-color: #BCBCBC;
    border-right: 2px solid #BCBCBC;
    border-style: solid;
    border-width: 1px 2px 2px;
    padding-top: 0px;
	width:98%;
	height:auto;
	//clear:both;
	float:left;
	margin-top:15px;
	margin-left:10px;
	position:relative;
	margin-bottom:50px;
	width:73%;
}
.mail-bd-container{float:left; width:100%;}
.dl-right-sidebar{float:right;width:24.5%;margin-right:5px;}
.dl-right-sidebar #r-sb-header{
	font-size:12px;
	margin-top:17px;margin-left:5px;
	background-color:#FAFBD1;
	border-top: 1px solid #D0D0D0;
	height: 35px;
	padding-left:5px; 
}
.dl-right-sidebar *{font-size:12px; }
#r-sb-header ul{padding-top:3px;}
#r-sb-header ul li.r-sb-h-name{
	color:#808157;
	font-weight:bold; 
}
#r-sb-header ul li.r-sb-h-addr{
	color:#A0A177;
}
#r-sb-body{
	background-color:#FFFFFF;
	font-size:12px;
	margin-left:5px;
	padding-top:5px;
	padding-left:5px;
	padding-bottom:7px; 
}
#r-sb-body #r-sb-body-ul{
	list-style-image:url('../images/arrow.png');
}
#r-sb-body #r-sb-body-ul li:HOVER{cursor:pointer;color:#000;}
#r-sb-body #r-sb-body-ul li a{color:#805DE3;}
#r-sb-body #r-sb-body-ul li a:HOVER{color: #000;}

#r-sb-body-cus-info{margin-bottom:5px; }
#r-sb-body-cus-info li label{float:right;font-weight:bold;color:#333333;}
#r-sb-body-cus-info li span{color:#555555;}

#r-sb-history{
	border-top: 1px solid #D0D0D0;
	background-color:#FFFFFF;
	margin-left:5px;
	padding-top:5px;
	padding-left:5px;
}
#r-sb-history #r-sb-history-h{color:#555555;margin-bottom:5px;}
#r-sb-history ul{padding-bottom:5px;}
#r-sb-history ul li{color:#333333;padding-left:5px;margin-bottom:4px;}
#r-sb-history ul li span{
	background: url("../images/mailco.png") no-repeat scroll -40px -138px transparent;
	width: 16px;
	float: left;
	color:#555555;
}
#r-sb-history ul li a{color:#333;}
#r-sb-history ul li a:HOVER{color:#ff0000;}
#r-sb-history ul li.unread{font-weight:bold;}
#r-sb-history ul li span.unread{
	background: url("../images/mailco.png") no-repeat scroll -20px -138px transparent;
}
#r-sb-history ul li i{color:#FE0000;font-weight:bold;}

.bao_email *{font-size:12px;}
.sao_ghi_chu{
}
.sao{
	margin-left:2px;
	float:left;
}
.sao_qt{
	margin-left:2px;
	float:left;
	display:none;
} 
.ten_hop_thu_gui{
	color:#00681c;
	font-weight:bolder;
	margin-left:5px;
}
.tom_tat{width:45%;float:left;padding:3px;}
#tom_tat span.star_deactive{
	width:16px;
	float:left;
	background: url("../images/mail.png") no-repeat scroll 0px -20px transparent;
}
#tom_tat span.star_deactive:hover{
	cursor: pointer;
}
#tom_tat span.star_active{
	width:16px;
	float:left;
	background: url("../images/mail.png") no-repeat scroll -20px -20px transparent;
}
#tom_tat span.star_active:hover{
	cursor: pointer;
}
#tom_tat span.disable{
	display: none;
}

.mail_chi_tet{
	width:55%;
	float:left;
	display:none;
}
.thong_tin_email{
	padding-left:5px;
	padding-bottom: 30px;
}
.thong_tin_email li {
	float: left;
	width: 100%;
}
.thong_tin_email li .title{float:left; width:10%;font-size:12px;}
.thong_tin_email li .info{float:left; width:auto;color:#000;font-size:12px;}
.thong_tin_email li .info .sender{color:#66681C !important;font-weight:bold;}
.thong_tin_email li .info .sender-addr{color:#BE9090;font-size:12px;}
.li_1{
	width:80px;
	display:block;
	float:left;
	color:#9d88b1;
}
.li_11{
	color:#00681C;
	font-weight:bold;
	font-size:12px;
}
.li_12{
	color:#888888;
	
}
.li_tex_den{
	color:#000000;
}
.hien_thi_chi_tiet{
	float:left;
	text-decoration:underline;
	color:#5a5dd0;
	padding-top:2px;
	cursor:pointer;
}
.an_hien_thi_chi_tiet{
	float:left;
	text-decoration:underline;
	color:#5a5dd0;
	padding-top:2px;
	display:none;
	width:71px;
	cursor:pointer;
	text-align:right;
}
.thoi_gian_gui{
	float:left;
	padding-left:5px;
	padding-top:2px;
}
.dinh_kem{
    background: url("../images/mail.png") no-repeat scroll -118px -40px transparent;
    height: 16px;
    vertical-align: middle;
    width: 18px;
	margin-left:3px;
}
.hinh_hinhkem{
	float:left;
	padding-top:2px;
	padding-left:3px;
}
.hinh_hinhkem .attachment{
	width:16px; height:16px;
	background: url("../images/mail.png") no-repeat scroll -120px -40px transparent;
}
.hinh_tra_loi{
	background: url("../images/mail.png") no-repeat scroll 0 -40px transparent;
    height: 16px;
    vertical-align: middle;
    width: 18px;
	margin-left:3px;
} 

.tra_loi span{
	color: #2A5DB0;
    padding-left: 4px;
    padding-right: 4px;
    text-align: center;
    white-space: nowrap;
}
.tra_loi{
    -moz-border-radius: 0 0 0px 4px;
    background: -moz-linear-gradient(center top , #F9F9F9, #E3E3E3) repeat scroll 0 0 transparent;
    border-color: -moz-use-text-color #BBBBBB #BBBBBB;
    border-right: 1px solid #BBBBBB;
    border-style: none solid solid;
    border-width: medium 1px 1px;
    color: #000000;
    cursor: default;
    float: left;
    font: 70% arial,sans-serif;
    height: 16px;
    margin: 0 0 0 10px;
    outline: medium none;
    padding: 3px 8px;
    vertical-align: middle;
    white-space: nowrap;
    width: auto;
	
}
.tra_loi:hover{border-color:#939393}
.menu_tuy_chinh{
    -moz-border-radius: 0 5px 0 0;
    background: -moz-linear-gradient(center top , #F9F9F9, #E3E3E3) repeat scroll 0 0 transparent;
    border-color: -moz-use-text-color #BBBBBB #BBBBBB;
    border-right: 1px solid #BBBBBB;
    border-style: none none solid solid;
    border-width: medium 1px 1px;
    color: #000000;
    cursor: default;
    float: left;
    font: 70% arial,sans-serif;
    height: 16px;
    margin: 0 0 0 -1px;
    outline: medium none;
    padding: 3px 8px;
    vertical-align: middle;
    white-space: nowrap;
    width: auto;	
	
}
.dieu_chinh_benphai{
	float:right;
}
.menu{
	background: url("../images/mail.png") no-repeat scroll -120px 0 transparent;
    height: 7px;
    width: 7px;
	margin-top: 4px;
}
.menu_thaotac{
	-moz-user-select: none;
   	display:none;
    left: 80%;
    top: 22.4px;
    visibility: visible;
	border: 1px solid #bbbbbb;
	position:absolute;
	float:right;
	margin-top:2px;
	background-color:#ffffff;
	width:20%;
	
}
.menu_thaotac ul li{
	color:#000000;
}
.menu_thaotac ul li {
	padding-top:4px;
	padding-bottom:4px;
}
.hinh_tra_loi_all{
    background: url("../images/mail.png") no-repeat scroll -40px -40px transparent;
    height: 14px;
    width: 20px;
	margin-left: 5px;
}
.hinh_chuyen_tiep{
	background: url("../images/mail.png")no-repeat scroll -80px -40px transparent;
	height: 14px;
    width: 20px;
	margin-left: 5px;
}
.menu_thaotac ul li:hover{
	background-color:#ffffd3;
	cursor: pointer;
}
.khoang_cach{
	margin-left: 6px;
	display:block;
	margin-right:5px;
}
/* Css noi dung email*/
.noi_dung_email{
    clear: both;
    margin: 50px auto 0;
    text-align: left;
    width: 95%;
	
}
.noidung_thu{
	font-size:12px;
	padding-top:10px; 
}
.hr{
	width:50%;
	border-bottom:2px solid #CCCCCC;
	height:0;
	clear:both;
	margin-top:30px;
	margin-left:20px;
}
.dinh_kem_tap_tin{
	clear:both;
	margin-top:30px;
	margin-left:50px;
}
.ten_van_ban{
	font-size:14px;
	color:#000000;
	font-weight:bolder;
	margin-left:10px
}
.dung_luong{
    color: #000000;
    font-size: 11px;
    margin-left: 27px;
}
.xem_tap_tin ,.tai_tap_tin{
	margin-left:5px;
	text-decoration:underline;
	color:#3a65cc;
	
}
.day_email{
	width:100%;
	height:25px;
	margin-top:10px;
	background-color:#f2f2f2;
	-moz-border-radius: 0px 0px 6px 6px;
}
.hin_trl{
	background: url("../images/mail.png") no-repeat scroll 0 -33px transparent;
    height: 15px;
    
    width: 14px;
}
.tra_loi_lai_thu{
	float:left;
	line-height: 25px;
	padding: 0 5px;
}
.tl{
	color: #2A5DB0;
    cursor: pointer;
    padding: 4px 4px;
    vertical-align: baseline;
    white-space: nowrap;
	text-decoration:underline;
	font-size:12px;
}
.reply-image{background: url('../../../images/icons/mail.png') no-repeat scroll 0 -35px;width:14px;float:left;}
.forward-image{background: url('../../../images/icons/mail.png') no-repeat scroll -80px -35px;width:14px;float:left;}
.hin_ct{
	background: url("../images/mail.png") no-repeat scroll -80px -36px  transparent;
    height: 15px;
    margin-left: 20px;
    margin-top: 5px;
    width: 14px;
}
.chuyen_tiep_thu{
	float:left;
}
.mail-attachments{
	padding: 5px 20px;
}
.mail-attachments .filename{
	font-size: 13px;
	font-weight: bold;
}
.mail-attachments .attachment-info{
	padding: 5px 20px;
	font-size: 12px;
}
.mail-attachments a{
	text-decoration: underline;
	font-size: 12px;
}
/* End Create by PA Ven  #FF2D00 */  
/*********contact***********/
.mail-popup{
	display:none;
}
#timedrafts{
	font-size: 13px;
}
.defaultSkin td.mceToolbar{
	background: transparent!important;
}
.defaultSkin .mceButton a{
	border: 1px solid transparent!important;
}
.defaultSkin .mceButton a:hover,
.defaultSkin .mceButton a:visited{
	border: 1px solid #000!important;
}
#popup-label-bottun1 {
	text-align:right;
	padding-right:30px;
}
#popup-label-bottun1 input {
	margin-left:10px;
}
#popup-label-bottun-import {
	text-align:right;
	padding-right:30px;
}
#popup-label-bottun-import input {
	margin-left:10px;
}

.gen-norada-header{
padding-left: 10px;
padding-right:10px;
 background: url("../images/gen-norada-header.jpg") repeat-x ;
 height:30px;
 overflow:hidden;

}
#footer{
	float:right;
	width: 200px;
	top:0px;
	text-align:right;
	position: relative;
}
#pagination{
	float: left
}
#pagination ul li{
	display: inline-block;
}
.gen-header-hover{
		margin-top:6px;
		height:19px;
		line-height:19px;
		color:#000000;
		font-weight:bold;
		text-align:center;
		border-radius: 2px 2px 2px 2px;
		padding-left:2px;
		padding-right:2px;
		float:left ; 
		text-decoration:inherit;
		margin-left:6px;
		margin-right:6px;
	   	margin-bottom:6px;
}
.gen-header-hover-1{
		margin-top:5px;
		height:19px;
		line-height:19px;
		color:#000;
		text-align:center;
		font-weight:bold;
		padding-left:2px;
		padding-right:2px;
		float:left ; 
		text-decoration:inherit;
		margin-left:5px;
		margin-right:5px;
		margin:6px;
		cursor:auto;
	   	
}
.gen-header-hover-count{
		margin-top:5px;
		height:19px;
		line-height:19px;
		color:#ffffff;
		text-align:center;
		padding-left:2px;
		padding-right:2px;
		float:left ; 
		text-decoration:inherit;
		margin-left:5px;
		margin-right:5px;
	   	border:1px solid #4093B3;
}
.gen-header-hover:hover {

	background:url('../images/gen-norada-header-hover.jpg') repeat-x;
	border:1px solid #ffffff;
	height:17px;
	
	
}
gen-header-hover-1{
	border:1px solid #ffffff;
	height:17px;
}
.wrapper-action-header{
	height:21px;
	
	overflow:hidden;
}
.change-header-2{
	overflow:hidden;
}
.change-header-1{
	overflow:hidden;
	
}
.ui-resizable-handle .ui-resizable-se .ui-icon .ui-icon-gripsmall-diagonal-se{
	display:none;
}
.row01{
	background:#ffffff;
}
.list-header{
	overflow:hidden;
	height:30px;
}
.elment{
	width:50%;
	float:left;
}
label{
	margin-right:10px;
}
.box-l-n-body table img{
	cursor:pointer;
}
/** list adress **/
.m-h-dw{
	background: none repeat scroll 0 0 #FFFFFF;
    max-width: 200px;
    padding: 5px;
    position: absolute;
    z-index: 100;
	border:1px solid #d2e0f1;
	box-shadow: 5px 5px 5px #666;
	-moz-box-shadow: 5px 5px 5px #666;
	-webkit-box-shadow:5px 5px 5px #666;
	display:none;
}
.m-h-dw ul li{
	padding-top:3px;
	padding-bottom:3px;
	cursor:pointer;
}
#menu-1{
	    left: 69px;
		 top: 20px;
}
#menu-2{
	right: 16px;
	top: 20px;
}
#note{
	margin-left:30px;
	margin-right:30px;
	text-align: justify;
}
#timedrafts{
	font-size: 13px;
}
.defaultSkin td.mceToolbar{
	background: transparent!important;
}
.defaultSkin .mceButton a{
	border: 1px solid transparent!important;
}
.defaultSkin .mceButton a:hover,
.defaultSkin .mceButton a:visited{
	border: 1px solid #000!important;
}

/* ----------- BEGIN: CSS for Setting ---------------*/
#email-page-wrapper #email-page-body .email-mainpage-setting{
	border: 4px solid #FAD163 !important;	
}

#email-page-wrapper #email-page-body #page-setting-title{
	font-size: 15px;
	font-weight: bold;
	background-color: #FAD163;
	padding: 0px 0px 3px 3px;
}
#email-page-wrapper #email-page-body #page-setting-tab{
	background-color: #FAD163;
	width: 100%;
	float: left;
}

#email-page-wrapper #email-page-body #page-setting-tab ul{
	list-style: none;
	height: 20px;
}

#email-page-wrapper #email-page-body #page-setting-tab ul li{
	display:inline;
	padding: 3px 6px 6px 5px;
	font-size: 12px;
	font-weight: bold;
}

#email-page-wrapper #email-page-body #page-setting-tab ul li:hover{
	cursor: pointer;
}
#email-page-wrapper #email-page-body #page-setting-tab ul li.setting-tab-active{
	background-color: #FFF;
}
#email-page-wrapper #email-page-body #email-mainpage #setting-general {
	padding: 10px;
	margin-top: 30px;
}
 .from-row{
 	width: 100%;
	float: left;
	margin-bottom: 5px;
	font-size: 12px;
 }
#email-page-wrapper #email-page-body #email-mainpage #setting-general .from-row{
	width: 100%;
	float: left;
	margin-bottom: 5px;
	font-size: 12px;
}
#email-page-wrapper #email-page-body #email-mainpage #setting-general .from-row input{
	font-size: 12px;
}
#email-page-wrapper #email-page-body #email-mainpage #setting-general label{
	width: 200px;
	float: left;
	font-size: 12px;
}
/* ----------- END: CSS for Setting ---------------*/
/*------CSS for suggestion------*/
.s-mail-sg{
	position: absolute;
	z-index: 10000;
}
.s-mail-res{
	border: 1px solid #000;
	background: #E0ECFF;
}
.item-m-sg{
	padding: 2px 60px 2px 10px;
	color: #0065CC;
	font-size: 13px;
}
.hover{
	background: #C3D9FF;
}
span.s-b-t{
	font-weight: bold;
	font-size: 13px;
}
/** mail setting **/
.tab-style{
	overflow:hidden;
	width: 100%;
	float: left;
	margin-bottom: 5px;
	font-size: 12px;
	margin-top:30px;
}
.from-row ul li {
	float:left;
}
.from-row .clo-f{
	width:60%;
	color:black;
}
.from-row .clo-s{
	width:20%;
	text-align:center;
	text-decoration:underline;
	cursor:pointer;
}
.from-row .clo-t{
	text-align:center;
	text-decoration:underline;
	cursor:pointer;
	margin-right: 10px;
}
.from-row .clo-e{
	text-align:center;
	text-decoration:underline;
	cursor:pointer;
}
.from-row .clo-link{
	cursor:pointer;
}
.h-d-p{
	background:#ccc9c9;
	overflow:hidden;
	background-color:#D1DCED;
	border-bottom:1px solid #B6C2E6;
	padding-right:0px;
	text-align:left;
	padding-top: 5px;
	font-weight: bold;
}
.popup{
	padding:0px;
}
.b-t-cl{
	cursor:pointer;
	border:1px solid #BBCCFF;
	height:16px;
	width:16px;
	float:right;
	margin:0 4px 4px 9px;
	background: url("../images/mail.png") no-repeat scroll -160px -40px transparent;
}
span.ul-avai{
	display: block;
	background: url(css/true.png);
	float: left;
	width: 16px;
	height: 16px;
}
.item-attch{
	padding: 5px 0;
}
.rowacc:hover{
	background-color:#fafafa;
}
.bottom{
	bottom:16px;
}
/*
.top{
	top:18px;
}
*/
.findmail{
	display: inline-block;
	position: relative;
	margin-bottom:5px;  
}
.findmail a{
	text-decoration: underline;
}
.find-mail-f{
	padding: 10px 5px;
	-webkit-box-shadow: 1px 2px 3px #666;
	-moz-box-shadow: 1px 2px 3px #666;
	position: absolute;
	background: #ffffff;
	width: 267px;
	z-index: 10000;
}
.f-m-p{
	border: 1px solid #ccc;
	display: inline-block;
	float: left;
	border-top-color: #666;
}
.f-m-p input{
	border: 0;
	padding: 0;
	margin: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	display: inline-block;
	padding: 2px 0;
	font-size: 120%;
}
.f-m-wrr{
	overflow: hidden;
}
a.under{
	text-decoration: underline;
}
#email-mainpage-footer{
	border-top: 2px solid #CAD4E6;
}
.results_empty{
	background: #ffffff;
	min-height: 400px;
	line-height: 400px;
	text-align: center;
}
.res-s{
	clear: both;
	padding: 2px 25px;
	background: #EEE;
	color: #777;
	border-bottom: 1px solid #ccc;
}
.i-trash{
	display: block;
	width: 16px;
	height: 16px;
	background: transparent url(../images/mailco.png) no-repeat -20px -100px;
	float: left;
	margin-right: 5px;
}
.replyactive{
	background: #E0ECFF;
}
#contact-paging #pagination{
	float:right;
}
#address-list  #pagination{
	float:right;
}
#paging #pagination{
	float:right;
}
.border-popup{
	border: 1px solid #B6C2E6 !important;
}
.border-popup{
	border: 1px solid #B6C2E6 !important;
}

/* --------- BEGIN: Stylesheet for error page ---------- */
#mail-system-error {
	margin: auto;
	width: 500px;
	background: #F2F7FB;
	border: 1px solid #BBCCFF;
	/*padding: 5px;*/
	margin-top: 100px;
}
#mail-system-error #err-message-header{
	background: #BBCCFF;
	font-size: 12px;
	color: #FFF;
	padding: 2px;
	font-weight: bold;
}
#mail-system-error #err-message-content{
	padding: 5px;
	font-size:14px;
}
/* --------- END: Stylesheet for error page ---------- */
#content-pri{
	font-size:12px;
}
.e-hd-nav span{
	font-size:10px;
}
.findmail{
	top: -3px;
}
/* ------- Patch for popop ----- */
#bottom-btns{
	font-size: 12px;
	float: right;
	width: auto;
    position:absolute;
    bottom:7px;
    right:0px;
}
#bottom-btns div.bt-g{
	font-size: 12px;
}
#checkmail-accounts-list{
	float: left;
	padding-left:15px;
	padding-top:10px;
	width: 95%;
}

#checkmail-accounts-list ul li{
	width: 90%;
}
#checkmail-accounts-list ul li span.acc-mail-status{
}
#checkmail-accounts-list ul li span.acc-link{
	width: 60%;
	float: left;
}
/* ------- !Patch for popop ----- */
.inputupload{
	text-indent: -10000px;
}

#dir-wrapper *{font-size:12px;}
#create_folder {font-size:12px;}
#create-lable *{font-size:12px;}
#dir-wrapper div{font-size:12px; }